<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description" content="Chameleon Admin is a modern Bootstrap 4 webapp &amp; admin dashboard html template with a large number of components, elegant design, clean and organized code.">
    <meta name="keywords" content="admin template, Chameleon admin template, dashboard template, gradient admin template, responsive admin template, webapp, eCommerce dashboard, analytic dashboard">
    <meta name="author" content="ThemeSelect">
    <title>我的课程</title>
    <link rel="apple-touch-icon" href="theme-assets/images/ico/apple-icon-120.png">
    <link rel="shortcut icon" type="image/x-icon" href="theme-assets/images/ico/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i%7CComfortaa:300,400,700" rel="stylesheet">
    <link href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome.min.css" rel="stylesheet">
    <!-- BEGIN VENDOR CSS-->
    <link rel="stylesheet" type="text/css" href="theme-assets/css/vendors.css">
    <!-- END VENDOR CSS-->
    <!-- BEGIN CHAMELEON  CSS-->
    <link rel="stylesheet" type="text/css" href="theme-assets/css/app-lite.css">
    <!-- END CHAMELEON  CSS-->
    <!-- BEGIN Page Level CSS-->
    <link rel="stylesheet" type="text/css" href="theme-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="theme-assets/css/core/colors/palette-gradient.css">
    <!-- END Page Level CSS-->
    <!-- BEGIN Custom CSS-->
    <!-- END Custom CSS-->
</head>
<body class="vertical-layout vertical-menu 2-columns   menu-expanded fixed-navbar" data-open="click" data-menu="vertical-menu" data-color="bg-gradient-x-purple-blue" data-col="2-columns">

<!-- fixed-top-->
<nav class="header-navbar navbar-expand-md navbar navbar-with-menu navbar-without-dd-arrow fixed-top navbar-semi-light">
    <div class="navbar-wrapper">
        <div class="navbar-container content">
            <div class="collapse navbar-collapse show" id="navbar-mobile">
                <ul class="nav navbar-nav mr-auto float-left">
                    <li class="nav-item d-block d-md-none"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i class="ft-menu"></i></a></li>
                    <li class="nav-item d-none d-md-block"><a class="nav-link nav-link-expand" href="#"><i class="ficon ft-maximize"></i></a></li>
                </ul>
                <ul class="nav navbar-nav float-right">
                    <li class="dropdown dropdown-notification nav-item"><a class="nav-link nav-link-label" href="#" data-toggle="dropdown"><i class="ficon ft-mail">             </i></a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="arrow_box_right"><a class="dropdown-item" href="#"><i class="ft-book"></i> Read Mail</a><a class="dropdown-item" href="#"><i class="ft-bookmark"></i> Read Later</a><a class="dropdown-item" href="#"><i class="ft-check-square"></i> Mark all Read       </a></div>
                        </div>
                    </li>
                    <li class="dropdown dropdown-user nav-item"><a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">             <span class="avatar avatar-online"><img src="theme-assets/images/portrait/small/avatar-s-19.png" alt="avatar"><i></i></span></a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="arrow_box_right"><a class="dropdown-item" href="#"><span class="avatar avatar-online"><img src="theme-assets/images/portrait/small/avatar-s-19.png" alt="avatar"><span class="user-name text-bold-700 ml-1">超级管理员</span></span></a>
                                <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><i class="ft-user"></i> 编辑信息</a>
                                <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><i class="ft-power"></i> 退出登录</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<!-- ////////////////////////////////////////////////////////////////////////////-->


<div class="main-menu menu-fixed menu-light menu-accordion    menu-shadow " data-scroll-to-active="true" data-img="theme-assets/images/backgrounds/02.jpg">
    <div class="navbar-header">
        <ul class="nav navbar-nav flex-row">
            <li class="nav-item mr-auto"><a class="navbar-brand" href="我的课程.html"><img class="brand-logo" alt="Chameleon admin logo" src="theme-assets/images/logo/logo.png"/>
                <h3 class="brand-text">培训管理系统</h3></a></li>
            <li class="nav-item d-md-none"><a class="nav-link close-navbar"><i class="ft-x"></i></a></li>
        </ul>
    </div>
    <div class="main-menu-content">
        <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
            <!--            <li class=" nav-item"><a href="需求填报.html"><i class="ft-layers"></i><span class="menu-title" data-i18n="">需求填报</span></a>-->
            <!--            </li>-->
            <!--            <li class=" nav-item"><a href="需求管理.html"><i class="ft-box"></i><span class="menu-title" data-i18n="">需求管理</span></a>-->
            <!--            </li>-->
            <li class=" nav-item"><a href="首页.html"><i class="ft-monitor"></i><span class="menu-title" data-i18n="">首页</span></a>
            </li>
            <li class=" nav-item"><a href="年度计划.html"><i class="ft-check-circle"></i><span class="menu-title" data-i18n="">年度计划</span></a>
            </li>
            <li class=" nav-item"><a href="培训计划.html"><i class="ft-layout"></i><span class="menu-title" data-i18n="">培训计划</span></a>
            </li>
            <li class=" nav-item"><a href="培训计划审核.html"><i class="ft-check-square"></i><span class="menu-title" data-i18n="">培训计划审核</span></a>
            </li>
            <li class=" nav-item"><a href="报名人员审核.html"><i class="ft-user-check"></i><span class="menu-title" data-i18n="">报名人员审核</span></a>
            </li>
            <li class=" nav-item"><a href="我的课程.html"><i class="ft-calendar"></i><span class="menu-title" data-i18n="">我的课程</span></a>
            </li>
            <li class=" nav-item"><a href="师资库.html"><i class="ft-user"></i><span class="menu-title" data-i18n="">师资库</span></a>
            </li>
            <li class=" nav-item"><a href="题库.html"><i class="ft-package"></i><span class="menu-title" data-i18n="">题库</span></a>
            </li>
            <li class=" nav-item"><a href="问卷调查管理.html"><i class="ft-clipboard"></i><span class="menu-title" data-i18n="">问卷调查管理</span></a>
            </li>
        </ul>
    </div>
    <div class="navigation-background"></div>
</div>

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-wrapper-before"></div>
        <div class="content-header row">
            <div class="content-header-left col-md-4 col-12 mb-2">
                <h3 class="content-header-title">我的课程</h3>
            </div>
            <div class="content-header-right col-md-8 col-12">
                <div class="breadcrumbs-top float-md-right">
                    <div class="breadcrumb-wrapper mr-1">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="我的课程.html">首页</a>
                            </li>
                            <li class="breadcrumb-item active">我的课程
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body"><!-- Basic Tables start -->
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                            <div class="heading-elements">
                                <ul class="list-inline mb-0">
                                    <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                    <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
                                    <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content collapse show">
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th width="100">序号</th>
                                            <th>班级</th>
                                            <th width="100">人数</th>
                                            <th>时间</th>
                                            <th width="150">地点</th>
                                            <th width="100">班主任</th>
                                            <th width="100">状态</th>
                                            <th width="380">操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <th scope="row">1</th>
                                            <td>2025年智能变电站值班员专项培训班(一期)</td>
                                            <td>50人</td>
                                            <td>2025年01月01日-2025年01月01日</td>
                                            <td>内蒙古呼和浩特市新城区</td>
                                            <td>张老师</td>
                                            <td><b class="text-warning">待开课</b></td>
                                            <td>
                                                <button type="button" class="btn btn-success mr-1 btn-sm" onclick="window.location.href='我的课程详情.html'"><i class="ft-edit"></i> 查看</button>
                                                <button type="button" class="btn btn-info mr-1 btn-sm"><i class="ft-edit"></i> 培训日程</button>
                                                <button type="button" class="btn btn-primary btn-sm"><i class="ft-airplay"></i> 学员留言</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th scope="row">2</th>
                                            <td>2025年智能变电站值班员专项培训班(一期)</td>
                                            <td>50人</td>
                                            <td>2025年01月01日-2025年01月01日</td>
                                            <td>内蒙古呼和浩特市新城区</td>
                                            <td>张老师</td>
                                            <td><b class="text-warning">待开课</b></td>
                                            <td>
                                                <button type="button" class="btn btn-success mr-1 btn-sm" onclick="window.location.href='我的课程详情.html'"><i class="ft-edit"></i> 查看</button>
                                                <button type="button" class="btn btn-info mr-1 btn-sm"><i class="ft-edit"></i> 培训日程</button>
                                                <button type="button" class="btn btn-primary btn-sm"><i class="ft-airplay"></i> 学员留言</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th scope="row">3</th>
                                            <td>2025年智能变电站值班员专项培训班(一期)</td>
                                            <td>50人</td>
                                            <td>2025年01月01日-2025年01月01日</td>
                                            <td>内蒙古呼和浩特市新城区</td>
                                            <td>张老师</td>
                                            <td><b class="text-warning">待开课</b></td>
                                            <td>
                                                <button type="button" class="btn btn-success mr-1 btn-sm" onclick="window.location.href='我的课程详情.html'"><i class="ft-edit"></i> 查看</button>
                                                <button type="button" class="btn btn-info mr-1 btn-sm"><i class="ft-edit"></i> 培训日程</button>
                                                <button type="button" class="btn btn-primary btn-sm"><i class="ft-airplay"></i> 学员留言</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th scope="row">4</th>
                                            <td>2025年智能变电站值班员专项培训班(一期)</td>
                                            <td>50人</td>
                                            <td>2025年01月01日-2025年01月01日</td>
                                            <td>内蒙古呼和浩特市新城区</td>
                                            <td>张老师</td>
                                            <td><b class="text-warning">待开课</b></td>
                                            <td>
                                                <button type="button" class="btn btn-success mr-1 btn-sm" onclick="window.location.href='我的课程详情.html'"><i class="ft-edit"></i> 查看</button>
                                                <button type="button" class="btn btn-info mr-1 btn-sm"><i class="ft-edit"></i> 培训日程</button>
                                                <button type="button" class="btn btn-primary btn-sm"><i class="ft-airplay"></i> 学员留言</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th scope="row">5</th>
                                            <td>2025年智能变电站值班员专项培训班(一期)</td>
                                            <td>50人</td>
                                            <td>2025年01月01日-2025年01月01日</td>
                                            <td>内蒙古呼和浩特市新城区</td>
                                            <td>张老师</td>
                                            <td><b class="text-warning">待开课</b></td>
                                            <td>
                                                <button type="button" class="btn btn-success mr-1 btn-sm" onclick="window.location.href='我的课程详情.html'"><i class="ft-edit"></i> 查看</button>
                                                <button type="button" class="btn btn-info mr-1 btn-sm"><i class="ft-edit"></i> 培训日程</button>
                                                <button type="button" class="btn btn-primary btn-sm"><i class="ft-airplay"></i> 学员留言</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th scope="row">6</th>
                                            <td>2025年智能变电站值班员专项培训班(一期)</td>
                                            <td>50人</td>
                                            <td>2025年01月01日-2025年01月01日</td>
                                            <td>内蒙古呼和浩特市新城区</td>
                                            <td>张老师</td>
                                            <td><b class="text-warning">待开课</b></td>
                                            <td>
                                                <button type="button" class="btn btn-success mr-1 btn-sm" onclick="window.location.href='我的课程详情.html'"><i class="ft-edit"></i> 查看</button>
                                                <button type="button" class="btn btn-info mr-1 btn-sm"><i class="ft-edit"></i> 培训日程</button>
                                                <button type="button" class="btn btn-primary btn-sm"><i class="ft-airplay"></i> 学员留言</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th scope="row">7</th>
                                            <td>2025年智能变电站值班员专项培训班(一期)</td>
                                            <td>50人</td>
                                            <td>2025年01月01日-2025年01月01日</td>
                                            <td>内蒙古呼和浩特市新城区</td>
                                            <td>张老师</td>
                                            <td><b class="text-warning">待开课</b></td>
                                            <td>
                                                <button type="button" class="btn btn-success mr-1 btn-sm" onclick="window.location.href='我的课程详情.html'"><i class="ft-edit"></i> 查看</button>
                                                <button type="button" class="btn btn-info mr-1 btn-sm"><i class="ft-edit"></i> 培训日程</button>
                                                <button type="button" class="btn btn-primary btn-sm"><i class="ft-airplay"></i> 学员留言</button>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                    <nav aria-label="Page navigation example" style="display: flex; align-items: center; justify-content: flex-end;">
                                        <ul class="pagination">
                                            <li class="page-item"><a class="page-link" href="#">上一页</a></li>
                                            <li class="page-item active"><a class="page-link" href="#">1</a></li>
                                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                                            <li class="page-item"><a class="page-link" href="#">下一页</a></li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////-->


<footer class="footer footer-static footer-light navbar-border navbar-shadow">
    <div class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"><span class="float-md-left d-block d-md-inline-block">2025  &copy; Copyright </span>
        <ul class="list-inline float-md-right d-block d-md-inline-blockd-none d-lg-block mb-0">
            <li class="list-inline-item"><a class="my-1" href="#"> 技术支持：XXXXX</a></li>
        </ul>
    </div>
</footer>

<!-- BEGIN VENDOR JS-->
<script src="theme-assets/vendors/js/vendors.min.js" type="text/javascript"></script>
<!-- BEGIN VENDOR JS-->
<!-- BEGIN PAGE VENDOR JS-->
<!-- END PAGE VENDOR JS-->
<!-- BEGIN CHAMELEON  JS-->
<script src="theme-assets/js/core/app-menu-lite.js" type="text/javascript"></script>
<script src="theme-assets/js/core/app-lite.js" type="text/javascript"></script>
<!-- END CHAMELEON  JS-->
<!-- BEGIN PAGE LEVEL JS-->
<!-- END PAGE LEVEL JS-->
</body>
</html>
